.work-section{
    padding: 75px 0px 65px 0px;
    color: #FFFFFF;
    position: relative;
    animation: 1s ease-in-out 1 alternate translateodtestcards;
}
/* for work page */
.work-section.work-page{
    padding: 20px 0px 65px 0px;
}
.work-section.light{
    color: #090416;
}
.work-section.light .work-bg-img-wrapper{
    display: none;
}
/* for work page */
.work-section .work-bg-img-wrapper{
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    object-fit: cover;
}
.work-section .col-heading-section{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    overflow: hidden;
}
.work-section .colltagline-wrapper{
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    padding: 10px 26px 40px 26px;
}
.work-section .colltagline-wrapper .collection-tagline{
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 10px;
}
.work-section .colltagline-wrapper .coll-owner-name{
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0px;
    color: #848198;
}
/*collection flip collcard css*/
.work-section .collection.collection--card {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
column-gap: 16px;
row-gap: 30px;
margin-bottom: 40px;
}
.work-section .collcard {
position: relative;
width: 300px;
height: 240px;
cursor: pointer;
background: #FFFFFF;
margin:auto;
/* comment for fix safari  issues*/
/* transform-style: preserve-3d; */
/* transition: transform 1s; */
/* comment for fix safari  issues*/
/* -moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;  */
/* Safari */
}
.work-section .collection--card-wrapper,.work-section .collection--card-wrapper:hover{
    text-decoration: none;
    color: initial;
}
.work-section .collcard .work-img-bg{
    height: 100%;
    width: 100%;
    position: absolute;
    object-fit: cover;
}
.work-section .collcard__face {
position: absolute;
width: 300px;
height: 240px;
font-size: 40px;
transition: transform 1s ease;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden; /* Safari */
}

.work-section .collcard__face--front {
    background: transparent;
    padding: 19px;
    display: grid;
    height: 100%;
    border: none;
}
.work-front-face-wrapper{
    display: grid;
    height: 100%;
}
.work-front-face-wrapper .work-front-face-bottom-content-wrapper{
    align-self: flex-end;
    justify-self: flex-start;
}
.work-section .work-front-face-wrapper .collection-avatar-wrapper{
    justify-content: flex-start;
}
.work-section .collection-avatar-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
    margin-top: 0px;
    margin-bottom: 16px;
}
.work-section .collection-avatar-parent-o{
    justify-content: center;
    display: flex;
    position: relative;
    width: 30px;
    height: 30px;
    border: 1px solid #848198;
    border-radius: 50%;
    overflow: hidden;
}
.work-section .collection-avatar-parent-t{
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
}
.work-section .collection-avatar-parent-t .collection-avatar-img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    position: absolute;
}
.work-section .work-author-name{
    font-family: 'Cantata One', serif;
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
}
.work-section .collcard__face--back {
    background: transparent;
    border: 1px solid #848198;
    /* transform: rotateY(180deg); */
    padding: 10px;
    border: none;
    /* for fix safari*/
    transform: rotateY(-0.5turn);
    /* for fix safari*/
}
.work-section .collection-back-wrapper{
    display: grid;
    height: 100%;
    border: 1px solid #ffffff;
}
.work-section .collection-back-wrapper .collection-avatar-wrapper{
    margin-bottom: 12px;
}
.work-section .collection-back-wrapper .collection-avatar-parent-o{
    width: 50px;
    height: 50px;
}
.work-section .collection-back-wrapper .collection-avatar-parent-t{
    width: 40px;
    height: 40px;
}
.work-section .collection-back-wrapper .collection-back-center-content{
    align-self: center;
    justify-self: center;
}
.work-section .collection-back-wrapper .collection-avatar-wrapper{
    margin-top: 0px;
}
.work-section .collection-back-wrapper .collection-avatar-name{
    display: block;
    font-weight: 400;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
}
.work-section .collection-back-wrapper .collection-name{
    font-weight: 400;
    font-size: 20px;
    padding:0px;
    margin-bottom: 12px;
    font-family: 'Cantata One', serif;
    text-align: center;
    color: #FFFFFF;
}
.work-section .collection-back-wrapper .coll-no-of-items{
    font-weight: 400;
    font-size: 15px;
    color: #D5D2DF;
    text-align: center;
    margin-bottom: 0px;
}
.work-section .collection.collection--card .collection-category-name{
    font-family: 'Cantata One', serif;
    font-weight: 400;
    font-size: 18px;
    color: #090416;
    text-align: center;
    margin: 12px 0px 0px 0px;
}
/*work flip collcard css*/
/* private work-css */
.private-work{
    display: none;
}
.collcard.private .private-work{
    display: block;
    position: absolute;
    height: 240px;
    width: 100%;
    object-fit: contain;
    top: 0;
    right: 0;
    left: 0;
}
.work-section .collcard.private:hover,.work-section .collcard.private.is-flipped{
    transform: none;
}
/* private collection */
/* private work-css */
/* for rotate cards */
/* .work-section .collection--card-wrapper:hover .collcard {
    transform: rotateY(180deg);
}
.work-section .collcard__face.collcard__face--back {
    transform: rotateY(180deg);
}
.work-section .collection--card-wrapper:hover .collcard .collcard__face--back{
    background: rgb(9 4 22 / 40%);
    transition: .3s ease-in-out;
} */
/* for rotate cards */
/* for fix safari */
.work-section .collcard:hover .collcard__face.collcard__face--front{
    transform: rotateY(-0.5turn);
} 
.work-section .collcard:hover .collcard__face.collcard__face--back{
    transform: rotateY(0turn);
    background: rgb(9 4 22 / 40%);
}
/* for fix safari */
/* in case of private card */
.work-section .collection--card-wrapper:hover .collcard.private {
    transform: none;
}
.work-section .collcard.private .collcard__face.collcard__face--back {
    transform: none;
}
@media (min-width: 992px){
/* work css */
.work-section{
    padding: 115px 0px 110px 0px;
}
.work-section .col-heading-section{
    column-gap: 20px;
}
.work-section .colltagline-wrapper{
    max-width: 684px;
    margin: 0 auto;
    padding: 14px 0px 46px 0px;
}
.work-section .colltagline-wrapper .collection-tagline{
    font-size: 18px;
    margin-bottom: 15px;
}
.work-section .colltagline-wrapper .coll-owner-name{
    font-size: 18px;
}
.work-section .collection.collection--card {
    margin-bottom: 56px;
}
}